<template>
  <div id="Animate">
    <transition>
    </transition>
  </div>
</template>

<script>
  export default {
    name: 't-animate',
    props: {
      showable: false,
      transitionName: String,
      animation: {
        default: () => {
          return {};
        },
      },
      transitionEnter: true,
      transitionLeave: true,
      transitionAppear: false,
    },
    mounted() {
      console.log(this.$el);
    },
    methods: {
      _isAppearSupported() {
        return this.transitionName && this.transitionAppear
      }
    }
  };
</script>